.panel {

    & .panel-heading {
        background-color: whitesmoke;
        padding: .5rem 1rem;
        font-size: ms(3)rem;
        border-bottom: 1px solid gray(219);

    }


    & .panel-block {
        display: flex;
        padding: .5rem 1rem;
        border-bottom: 1px solid gray(219);

        & .panel-icon {
            display: inline-block;
            margin-right: .75rem;
        }

        & > .button {
            flex: 1 0 auto;
            border-color: #3273dc;
        }

        & > .control {
            flex: 1 0 auto;
        }
    }

    & .panel-tabs {
        text-align: center;
        padding: 0rem 1rem;
        border-bottom: 1px solid gray(219);

        & > * {
            display: inline-block;
            padding: .5rem;

            &.is-active {
                border-bottom: 1px solid black;
                color: gray(74);
            }
        }
    }


}
